// subpackage/comments/comments.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    count : 0,
    focusactive : true, 
    likeactive: true,
    color : true,
    likedata:3,
    collectionactive : true,
    replyList : [
      // '喵喵来啦！喵喵会在每日12:30更新目前用时最短的记录，冲冲冲！用时最短记录（统计于4月16日12：30）',
      // '前不久，水水路过轻策庄，不禁怀念起最初探索璃月地图时的欣喜，翻过重岩叠嶂后看到美景的愉悦'
    ],
    headPortraitList : [
      '部落冲突',
      '剑与远征',
      '我的世界',
      '王者荣耀',
      '和平精英',
      '奥奇传说',
      '王牌竞速',
      '原神',
      '奥拉星',
      '炉石传说',
      '欢乐斗地主',
      '阴阳师',
      '明日方舟'
    ],
  },

  saveheadPortraitToStorage(headPortraitList) {
    // uni.setStorageSync('cart', JSON.stringify(state.cart))
    wx.setStorageSync('headPortrait', headPortraitList)
    // console.log(list)
  },
  saveToStorage(replyList) {
    // uni.setStorageSync('cart', JSON.stringify(state.cart))
    wx.setStorageSync('title', replyList)
    // console.log(list)
  },
  focuson(e){
    let list = this.data.headPortraitList;
    list[e.currentTarget.dataset.id].focusactive = false
    if(!(list[e.currentTarget.dataset.id].focusactive)){
      this.setData({
        // likeactive : false,
        headPortraitList : list
      })
    }
    else{
      this.setData({
        // likeactive : true,
        // headPortraitList : listRedu
      })
    }
  
    this.saveheadPortraitToStorage(this.data.headPortraitList)



    // if(this.data.collectionactive){
    //   this.setData({
    //     collectionactive : false
    //   })
    // }
    // else{
    //   this.setData({
    //     collectionactive : true
    //   })
    // }
  },

  focusonchange(e){
    let list = this.data.headPortraitList;
    list[e.currentTarget.dataset.id].focusactive = true
    if(!(list[e.currentTarget.dataset.id].focusactive)){
      this.setData({
        // likeactive : false,
        // headPortraitList : list
      })
    }
    else{
      this.setData({
        // likeactive : true,
        headPortraitList : list
      })
    }
  
    this.saveheadPortraitToStorage(this.data.headPortraitList)



    // if(this.data.collectionactive){
    //   this.setData({
    //     collectionactive : false
    //   })
    // }
    // else{
    //   this.setData({
    //     collectionactive : true
    //   })
    // }
  },



  changeLike(e){
    // console.log(e)
    // console.log(e.currentTarget.dataset.id),
    // console.log(this.data.headPortraitList[e.currentTarget.dataset.id].count)
    var listadd = this.data.headPortraitList;
    // var listRedu = this.data.headPortraitList;
    listadd[e.currentTarget.dataset.id].count =listadd[e.currentTarget.dataset.id].count +1,
    listadd[e.currentTarget.dataset.id].likeactive = false
    // listRedu[e.currentTarget.dataset.id].count =listadd[e.currentTarget.dataset.id].count -2
    // console.log(1)
    // console.log(this.data.headPortraitList[e.currentTarget.dataset.id].likeactive)
    if(!(listadd[e.currentTarget.dataset.id].likeactive)){
      this.setData({
        // likeactive : false,
        headPortraitList : listadd
      })
    }
    else{
      this.setData({
        // likeactive : true,
        // headPortraitList : listRedu
      })
    }
  
    this.saveheadPortraitToStorage(this.data.headPortraitList)
    //  console.log(this.data.likeactive)
   },
  
   changeLikeRedu(e){
    // console.log(e.currentTarget.dataset.id),
    // console.log(this.data.headPortraitList[e.currentTarget.dataset.id].count)
    // var listadd = this.data.headPortraitList;
    // console.log(e)
    var listRedu = this.data.headPortraitList;
    // listadd[e.currentTarget.dataset.id].count =listadd[e.currentTarget.dataset.id].count +1
    listRedu[e.currentTarget.dataset.id].count =listRedu[e.currentTarget.dataset.id].count -1
    listRedu[e.currentTarget.dataset.id].likeactive = true
    // console.log(1)
    // console.log(2)
    // console.log(listRedu[e.currentTarget.dataset.id].likeactive)
    if(!(listRedu[e.currentTarget.dataset.id].likeactive)){
      this.setData({
        // likeactive : false,
      })
    }
    else{
      this.setData({
        // likeactive : true,
        headPortraitList : listRedu
      })
    }
  
    this.saveheadPortraitToStorage(this.data.headPortraitList)
    // this.onPullDownRefresh()
    //  console.log(this.data.likeactive)
   },
  collectionTap(e){
    let list = this.data.headPortraitList;
    list[e.currentTarget.dataset.id].collectionactive = false
    if(!(list[e.currentTarget.dataset.id].collectionactive)){
      this.setData({
        // likeactive : false,
        headPortraitList : list
      })
    }
    else{
      this.setData({
        // likeactive : true,
        // headPortraitList : listRedu
      })
    }
  
    this.saveheadPortraitToStorage(this.data.headPortraitList)



    // if(this.data.collectionactive){
    //   this.setData({
    //     collectionactive : false
    //   })
    // }
    // else{
    //   this.setData({
    //     collectionactive : true
    //   })
    // }
  },

  collectionTapchange(e){
    let list = this.data.headPortraitList;
    list[e.currentTarget.dataset.id].collectionactive = true
    if(!(list[e.currentTarget.dataset.id].collectionactive)){
      this.setData({
        // likeactive : false,
        // headPortraitList : list
      })
    }
    else{
      this.setData({
        // likeactive : true,
        headPortraitList : list
      })
    }
  
    this.saveheadPortraitToStorage(this.data.headPortraitList)



    // if(this.data.collectionactive){
    //   this.setData({
    //     collectionactive : false
    //   })
    // }
    // else{
    //   this.setData({
    //     collectionactive : true
    //   })
    // }
  },
  changeColor(){
    // let list = this.data.replyList
    // console.log(list);
    // let item = list[0];
    // list[0] = list[2];
    // list[2] = item;
    // console.log(this.data.List.reverse());
    
    if(this.data.color){
      // this.data.changeColorData(this.data.replyList)
      this.setData({
        color : false,
        replyList :  this.data.replyList.reverse()
      })
    }
    else{
      this.setData({
        color : true,
        replyList :  this.data.replyList.reverse()
      })
    }
  },
  // changeColorData:function(replyList){
  //   console.log(1)
  //   var q = replyList.length
  //     for (let index = 0; index < replyList.length/2; index++) {
  //       let element = replyList[index];
  //       replyList[index] = replyList[q-1-index];
  //       replyList[q-1-index]=element;
  //     }
  //     console.log(this.data.replyList[0])
  //   console.log(2)
  // },
  bindShare(){
    wx.showActionSheet({
      itemList: ["分享到微信好友",
      "分享到朋友圈",
      "分享到QQ",
      "分享到微博"],
      success: function(res){
        if(!res.cancel){
          // console.log(res.tapIndex)
          wx.showToast({
            title: '分享中...',
            icon: 'loading',
            duration: 1000//持续的时间
          })
          setTimeout(function(){
            wx.showToast({
              title: "分享成功"
            })
         },1200)

        }
      }
    })
  },
  // changeLike(){
  //   // console.log(this.data.likeactive)
  //   if(this.data.likeactive){
  //     this.setData({
  //       likeactive : false,
  //       likedata : this.data.likedata + 1
  //     })
  //   }
  //   else{
  //     this.setData({
  //       likeactive : true,
  //       likedata : this.data.likedata - 1
  //     })
  //   }
  //   //  console.log(this.data.likeactive)
  //  },

   tapswitch: function(res){
    // console.log(res.currentTarget.dataset.id)
    // var v =e.item
    // let v = wx.getStorageSync('count')
    this.saveToStorage(this.data.replyList)
    // console.log(v)
    wx.redirectTo({
      url: '/subpackage/communityreply/communityreply?count=' + res.currentTarget.dataset.id
      
    //   events: {
    //     // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
    //     acceptDataFromOpenedPage: function(data) {
    //       console.log(data)
    //     },
    //     someEvent: function(data) {
    //       console.log(data)
    //     }
    //   },
    //   success: function(res) {
    //     // 通过eventChannel向被打开页面传送数据
    //     res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })
    //   }
    })
  // }
},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options.count)
    // const eventChannel = this.getOpenerEventChannel()
    var value = wx.getStorageSync('title')
    this.setData({
      replyList : [...value],
      count : options.count
    })
    // eventChannel.emit('acceptDataFromOpenedPage', {data: 'count'});
    // eventChannel.emit('someEvent', {data: 'count'});
    // // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
    // eventChannel.on('acceptDataFromOpenerPage', function(data) {
    //   console.log(data)
    // })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    if (wx.getStorageSync('headPortrait')) {
      let list = wx.getStorageSync('headPortrait');
      this.setData({
        // likeactive : true,
        headPortraitList : list
      })
    }
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})